<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>拉勾</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./css/reset.css" />
    <link rel="stylesheet" href="./css/base.css" />
    <link rel="stylesheet" href="./css/index.css" />
  </head>
  <body>
    <!-- 顶部开始 -->
    <header>
      <div class="header">
        <div class="container">
          <div class="h_left">
            <h1>
              <a href="index.html">拉勾招聘|招聘|求职|互联网|培训|JAVA|前端</a>
            </h1>
            <div class="city">
              <span>全国站</span>
              <span>[切换城市]</span>
            </div>
            <div class="lists">
              <ul>
                <li class="checknav"><a href="index.html">首页</a></li>
                <li><a href="#">公司</a></li>
                <li><a href="#">校园招聘</a></li>
                <li><a href="#">言职</a></li>
                <li class="class"><a href="#">课程</a></li>
              </ul>
            </div>
          </div>
          <div class="h_right">
            <ul>
              <li><a href="#">上传简历</a></li>
              <li><a href="#">职位订阅</a></li>
              <li class="login">
                <i></i>
                <a href="#">登录</a> &nbsp;|&nbsp; <a href="#">注册</a>
              </li>
              <li class="app">
                <a href="#"><i></i> 拉勾APP</a>
              </li>
              <li><a href="#">进入企业版</a></li>
            </ul>
          </div>
        </div>
      </div>
      <div class="banner">
        <div class="boxs">
          <div class="left"></div>
          <div class="mid">
            <img src="images/text_01.png" alt="text" />
            <div class="text">989992家公司 | 7609558个职位，在拉勾等你</div>
          </div>
          <div class="right">
            <div class="tel">
              <div class="num">0086</div>
              <input type="text" name="tel" placeholder="请输入手机号" />
            </div>
            <div class="code">
              <input type="text" name="code" placeholder="验证码" />
              <div class="text">| 获取</div>
            </div>
            <div class="btn">登录/注册</div>
          </div>
        </div>
      </div>
      <div class="search">
        <div class="form">
          <input type="text" class="input" placeholder="搜索职位或公司地点" />
          <input type="button" value="搜索" class="btn" />
        </div>
      </div>
    </header>
    <!-- 顶部结束 -->
    <!-- 中间内容区 开始 -->
    <main>
      <div class="content container">
        <div class="aside">
          <ul>
            <li>
              <h2>技术</h2>
              <a href="#">JAVA</a>
              <a href="#">php</a>
              <a href="#">c++</a>
              <a href="#">区块链</a>
              <b></b>
            </li>
            <li>
              <h2>产品</h2>
              <a href="#">产品经理</a>
              <a href="#">产品总监</a>
              <b></b>
            </li>
            <li>
              <h2>设计</h2>
              <a href="#">ui设计师</a>
              <a href="#">网页设计师</a>
              <a href="#">交互设计师</a>
              <b></b>
            </li>
            <li>
              <h2>运营</h2>
              <a href="#">新媒体运营</a>
              <a href="#">编辑</a>
              <a href="#">数据运营</a>
              <b></b>
            </li>
            <li>
              <h2>市场</h2>
              <a href="#">市场销售</a>
              <a href="#">市场推广</a>
              <a href="#">市场策划</a>
              <b></b>
            </li>
            <li>
              <h2>销售</h2>
              <a href="#">销售专员</a>
              <a href="#">销售经理</a>
              <a href="#">销售总监</a>
              <b></b>
            </li>
            <li>
              <h2>职能</h2>
              <a href="#">hr</a>
              <a href="#">财务</a>
              <a href="#">行政</a>
              <a href="#">审计</a>
              <b></b>
            </li>
            <li>
              <h2>游戏</h2>
              <a href="#">小游戏开发</a>
              <a href="#">u3d</a>
              <a href="#">游戏策划</a>
              <b></b>
            </li>
          </ul>
        </div>
        <div class="swpper">
          <ul class="images">
            <li>
              <a href="#"><img src="images/banner_01.jpg" alt="banner" /></a>
            </li>
            <li>
              <a href="#"><img src="images/banner_01.jpg" alt="banner" /></a>
            </li>
          </ul>
          <div class="btn">
            <span></span>
            <span></span>
          </div>
          <ol class="ol">
            <li class="current"></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
          </ol>
        </div>
      </div>
      <div class="jobs container">
        <div class="title">
          <span class="current">24Hour热门</span>
          <span>最新职位</span>
        </div>
        <div class="tips">
          <i>?</i>
          <span>过去24小时，最多人看过的岗位在这里</span>
          <b>我知道了</b>
        </div>
        <div class="cards">
          <div class="card">
            <div class="top">
              <div>
                <span>高级java开发工程师</span>
                <b>&nbsp;[11:40发布]&nbsp;</b>
                <i></i>
                <s>25k-45k</s>
              </div>
              <div>经验3-5年/本科</div>
              <div>
                <span>后端</span>
                <span>服务端</span>
                <span>java</span>
              </div>
            </div>
            <div class="bottom">
              <div>
                <a href="#"><img src="./images/wanba.png" alt="1" /></a>
              </div>
              <div>
                <h4><a href="#">玩吧</a></h4>
                <p>社交/b轮/北京</p>
              </div>
            </div>
          </div>
          <div class="card">
            <div class="top">
              <div>
                <span>高级java开发工程师</span>
                <b>&nbsp;[11:40发布]&nbsp;</b>
                <i></i>
                <s>25k-45k</s>
              </div>
              <div>经验3-5年/本科</div>
              <div>
                <span>后端</span>
                <span>服务端</span>
                <span>java</span>
              </div>
            </div>
            <div class="bottom">
              <div>
                <a href="#"><img src="./images/wanba.png" alt="1" /></a>
              </div>
              <div>
                <h4><a href="#">玩吧</a></h4>
                <p>社交/b轮/北京</p>
              </div>
            </div>
          </div>
          <div class="card">
            <div class="top">
              <div>
                <span>高级java开发工程师</span>
                <b>&nbsp;[11:40发布]&nbsp;</b>
                <i></i>
                <s>25k-45k</s>
              </div>
              <div>经验3-5年/本科</div>
              <div>
                <span>后端</span>
                <span>服务端</span>
                <span>java</span>
              </div>
            </div>
            <div class="bottom">
              <div>
                <a href="#"><img src="./images/wanba.png" alt="1" /></a>
              </div>
              <div>
                <h4><a href="#">玩吧</a></h4>
                <p>社交/b轮/北京</p>
              </div>
            </div>
          </div>
          <div class="card">
            <div class="top">
              <div>
                <span>高级java开发工程师</span>
                <b>&nbsp;[11:40发布]&nbsp;</b>
                <i></i>
                <s>25k-45k</s>
              </div>
              <div>经验3-5年/本科</div>
              <div>
                <span>后端</span>
                <span>服务端</span>
                <span>java</span>
              </div>
            </div>
            <div class="bottom">
              <div>
                <a href="#"><img src="./images/wanba.png" alt="1" /></a>
              </div>
              <div>
                <h4><a href="#">玩吧</a></h4>
                <p>社交/b轮/北京</p>
              </div>
            </div>
          </div>
          <div class="card">
            <div class="top">
              <div>
                <span>高级java开发工程师</span>
                <b>&nbsp;[11:40发布]&nbsp;</b>
                <i></i>
                <s>25k-45k</s>
              </div>
              <div>经验3-5年/本科</div>
              <div>
                <span>后端</span>
                <span>服务端</span>
                <span>java</span>
              </div>
            </div>
            <div class="bottom">
              <div>
                <a href="#"><img src="./images/wanba.png" alt="1" /></a>
              </div>
              <div>
                <h4><a href="#">玩吧</a></h4>
                <p>社交/b轮/北京</p>
              </div>
            </div>
          </div>
          <div class="card">
            <div class="top">
              <div>
                <span>高级java开发工程师</span>
                <b>&nbsp;[11:40发布]&nbsp;</b>
                <i></i>
                <s>25k-45k</s>
              </div>
              <div>经验3-5年/本科</div>
              <div>
                <span>后端</span>
                <span>服务端</span>
                <span>java</span>
              </div>
            </div>
            <div class="bottom">
              <div>
                <a href="#"><img src="./images/wanba.png" alt="1" /></a>
              </div>
              <div>
                <h4><a href="#">玩吧</a></h4>
                <p>社交/b轮/北京</p>
              </div>
            </div>
          </div>
        </div>
        <div class="more">查看更多</div>
      </div>
      <div class="company container">
        <div class="title">
          <span class="current">互联网热门公司</span>
        </div>
        <div class="tips">
          <i>?</i>
          <span>互联网行业实力热门企业</span>
          <b>我知道了</b>
        </div>
        <div class="cards">
          <div class="card">
            <div class="top">
              <div class="imgs">
                <img src="images/company_logo_meituan.jpg" alt="2" />
              </div>
              <h4>美团</h4>
              <div class="types">互联网/上市公司</div>
              <div class="detail">
                一站式商业服务平台，顶呱呱集团员工近6000余人，18个业态提供600多种服务项目。
              </div>
            </div>
            <div class="bottom">
              <a href="#">
                <p>42</p>
                <p>面试评价</p>
              </a>
              <a href="#">
                <p>10</p>
                <p>在招职位</p>
              </a>
              <a href="#">
                <p>100%</p>
                <p>简历处理率</p>
              </a>
            </div>
          </div>
          <div class="card">
            <div class="top">
              <div class="imgs">
                <img src="images/company_logo_meituan.jpg" alt="2" />
              </div>
              <h4>美团</h4>
              <div class="types">互联网/上市公司</div>
              <div class="detail">
                一站式商业服务平台，顶呱呱集团员工近6000余人，18个业态提供600多种服务项目。
              </div>
            </div>
            <div class="bottom">
              <a href="#">
                <p>42</p>
                <p>面试评价</p>
              </a>
              <a href="#">
                <p>10</p>
                <p>在招职位</p>
              </a>
              <a href="#">
                <p>100%</p>
                <p>简历处理率</p>
              </a>
            </div>
          </div>
          <div class="card">
            <div class="top">
              <div class="imgs">
                <img src="images/company_logo_meituan.jpg" alt="2" />
              </div>
              <h4>美团</h4>
              <div class="types">互联网/上市公司</div>
              <div class="detail">
                一站式商业服务平台，顶呱呱集团员工近6000余人，18个业态提供600多种服务项目。
              </div>
            </div>
            <div class="bottom">
              <a href="#">
                <p>42</p>
                <p>面试评价</p>
              </a>
              <a href="#">
                <p>10</p>
                <p>在招职位</p>
              </a>
              <a href="#">
                <p>100%</p>
                <p>简历处理率</p>
              </a>
            </div>
          </div>
          <div class="card">
            <div class="top">
              <div class="imgs">
                <img src="images/company_logo_meituan.jpg" alt="2" />
              </div>
              <h4>美团</h4>
              <div class="types">互联网/上市公司</div>
              <div class="detail">
                一站式商业服务平台，顶呱呱集团员工近6000余人，18个业态提供600多种服务项目。
              </div>
            </div>
            <div class="bottom">
              <a href="#">
                <p>42</p>
                <p>面试评价</p>
              </a>
              <a href="#">
                <p>10</p>
                <p>在招职位</p>
              </a>
              <a href="#">
                <p>100%</p>
                <p>简历处理率</p>
              </a>
            </div>
          </div>
          <div class="card">
            <div class="top">
              <div class="imgs">
                <img src="images/company_logo_meituan.jpg" alt="2" />
              </div>
              <h4>美团</h4>
              <div class="types">互联网/上市公司</div>
              <div class="detail">
                一站式商业服务平台，顶呱呱集团员工近6000余人，18个业态提供600多种服务项目。
              </div>
            </div>
            <div class="bottom">
              <a href="#">
                <p>42</p>
                <p>面试评价</p>
              </a>
              <a href="#">
                <p>10</p>
                <p>在招职位</p>
              </a>
              <a href="#">
                <p>100%</p>
                <p>简历处理率</p>
              </a>
            </div>
          </div>
          <div class="card">
            <div class="top">
              <div class="imgs">
                <img src="images/company_logo_meituan.jpg" alt="2" />
              </div>
              <h4>美团</h4>
              <div class="types">互联网/上市公司</div>
              <div class="detail">
                一站式商业服务平台，顶呱呱集团员工近6000余人，18个业态提供600多种服务项目。
              </div>
            </div>
            <div class="bottom">
              <a href="#">
                <p>42</p>
                <p>面试评价</p>
              </a>
              <a href="#">
                <p>10</p>
                <p>在招职位</p>
              </a>
              <a href="#">
                <p>100%</p>
                <p>简历处理率</p>
              </a>
            </div>
          </div>
          <div class="card">
            <div class="top">
              <div class="imgs">
                <img src="images/company_logo_meituan.jpg" alt="2" />
              </div>
              <h4>美团</h4>
              <div class="types">互联网/上市公司</div>
              <div class="detail">
                一站式商业服务平台，顶呱呱集团员工近6000余人，18个业态提供600多种服务项目。
              </div>
            </div>
            <div class="bottom">
              <a href="#">
                <p>42</p>
                <p>面试评价</p>
              </a>
              <a href="#">
                <p>10</p>
                <p>在招职位</p>
              </a>
              <a href="#">
                <p>100%</p>
                <p>简历处理率</p>
              </a>
            </div>
          </div>
          <div class="card">
            <div class="top">
              <div class="imgs">
                <img src="images/company_logo_meituan.jpg" alt="2" />
              </div>
              <h4>美团</h4>
              <div class="types">互联网/上市公司</div>
              <div class="detail">
                一站式商业服务平台，顶呱呱集团员工近6000余人，18个业态提供600多种服务项目。
              </div>
            </div>
            <div class="bottom">
              <a href="#">
                <p>42</p>
                <p>面试评价</p>
              </a>
              <a href="#">
                <p>10</p>
                <p>在招职位</p>
              </a>
              <a href="#">
                <p>100%</p>
                <p>简历处理率</p>
              </a>
            </div>
          </div>
        </div>
        <div class="more">查看更多</div>
      </div>
      <div class="links container">
        <div class="title">
          <span class="current">友情链接</span>
          <span>热门城市</span>
          <span>热门公司</span>
          <span>热门职位</span>
          <span>热门行业</span>
          <span>热门关键词</span>
        </div>
        <div class="lists">
          <div class="items">
            <a href="#">找工作招聘研</a>
            <a href="#">招聘网</a>
            <a href="#">招聘</a>
            <a href="#">Java课</a>
            <a href="#">架构课</a>
            <a href="#">招聘网站</a>
            <a href="#">字节跳动</a>
            <a href="#">哔哩哔哩</a>
            <a href="#">AI考拉</a>
            <a href="#">公信宝</a>
            <a href="#">中大网校</a>
            <a href="#">人人都是产品经理</a>
            <a href="#">研究报告</a>
            <a href="#">中华考试网</a>
            <a href="#"></a>
          </div>
          <div class="opens">展开</div>
        </div>
      </div>
    </main>
    <footer>
      <div class="footer">
        <div class="container dls">
          <div class="btn">
            <a href="#">
              <i></i>
              <span>下载拉勾app</span>
            </a>
            <a href="#">
              <i></i>
              <span>下载拉勾app</span>
            </a>
          </div>
          <div class="dl">
            <dl>
              <dt>企业服务</dt>
              <dd><a href="#">招聘抢人宝典</a></dd>
              <dd><a href="#">公司搜索</a></dd>
              <dd><a href="#">拉勾APP</a></dd>
            </dl>
            <dl>
              <dt>用户帮助</dt>
              <dd><a href="#">用户服务协议</a></dd>
              <dd><a href="#">隐私政策</a></dd>
              <dd><a href="#">在线提问</a></dd>
            </dl>
            <dl>
              <dt>联系方式</dt>
              <dd><a href="#">服务热线：4006 2828 35 (9:00 -18:00)</a></dd>
              <dd><a href="#">企业服务邮箱：cc@lagou.com</a></dd>
              <dd><a href="#">联系我们</a></dd>
            </dl>
          </div>
        </div>
      </div>
      <div class="foot">
        <div class="container">
          <div class="left">
            <span>©2020 拉勾网</span>
            <span>京ICP备14023790号-2</span>
            <a href="#">
              京公网安备 11010802024043号
              <i></i>
            </a>
            <div class="box">
              <i></i>
              <div>违法和不良信息举报</div>
              <div>电话: 4006 2828 35</div>
              <div>邮箱: cc@lagou.com</div>
            </div>
          </div>
          <div class="right"></div>
        </div>
      </div>
    </footer>
    <a href="#" class="backtop"></a>
    <!-- 中间内容区 结束 -->
  </body>
</html>
